/* Global Mixins */
@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar($color: #adadad, $none: false) {
  &::-webkit-scrollbar { /*滚动条整体样式*/
    @if $none == true {
      display: none;
    }
    width: 6px;
    height: 0px;
  }
  &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    background: $color;
  }
  &::-webkit-scrollbar-track { /*滚动条里面轨道*/
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
  }
}

// flex
@mixin ft($d: row,$j: space-between, $a: center) {
  display: flex;
  flex-direction: $d;   // 垂直方向
  justify-content: $j;  // 水平方向
  align-items: $a;
}

// font
@mixin sc($size, $color, $w: normal) {
  font-size: $size;
  color: $color;
  font-weight: $w;
}